<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="../templates/plantilla.xhtml">
	
	<ui:define name="head">::SCSN - Tipo Vehículo</ui:define>
	<ui:define name="content">
	
		<h1 class="title ui-widget-header ui-corner-all">Tipos de Vehículos</h1>
		<br/>
		
		<div class="entry" style="line-height:200%">
			<h:form id="frm">
				<p:dataTable id="tbTipoVehiculo" value="#{tipoVehiculoBean.listaTipoVehiculoFiltrada}" var="tipoVehiculo" scrollable="true" rows="3"
					paginator="true" paginatorPosition="bottom" selectionMode="single"
					emptyMessage="No se encontraron resultados" >
 
					<p:column filterBy="#{tipoVehiculo.nombre}" filterMatchMode="contains" headerText="Nombre">
						<h:outputText value="#{tipoVehiculo.nombre}" />
					</p:column>
					<p:column headerText="Descripción">
						<h:outputText value="#{tipoVehiculo.descripcion}"/>
					</p:column>
					<p:column filterBy="#{tipoVehiculo.dentroCarretera}" filterMatchMode="contains" headerText="Dentro de Carretera">
						<h:outputText value="#{tipoVehiculo.dentroCarretera}"/>
					</p:column>
				</p:dataTable> 
			</h:form>
			
			<h:form>
	            <p:commandButton value="Nuevo" onclick="ventanaRegistro.show();"/>
	            <p:commandButton value="Modificar" onclick="ventanaModificar.show();"/>
	            <p:commandButton value="Eliminar" onclick="confirmacion.show();"/>
	            
	            <p:confirmDialog id="ventanaEliminar" message="Está seguro de eliminar este tipo de vehículo?"  
			                header="Confirme la operación" severity="alert" widgetVar="confirmacion"
	            			showEffect="pulsate" hideEffect="blind" modal="true" closable="false">  
			        <h:panelGrid columns="2"> 
				        <p:commandButton id="confirmar" value="Aceptar" oncomplete="confirmacion.hide();" />  
				        <p:commandButton id="rechazar" value="cancelar" onclick="confirmacion.hide();" type="button" />  
			        </h:panelGrid> 
			                  
			    </p:confirmDialog>
			    
	            <p:dialog widgetVar="ventanaModificar" header="Modificar Tipo de Vehículo"
	            			showEffect="explode" hideEffect="explode" closable="false" modal="true">
	            	<h:panelGrid columns="3">
		            		<h:outputLabel value="Nombre: *" for="nombreMod"/>
		            		<h:inputText id="nombreMod" value="#{tipoVehiculo.nombre}" label="Nombre:" required="true"/>
		            		<p:message for="nombreMod"/>
		            		
		            		<h:outputLabel value="Descripción:" for="descripcionMod"/>
		            		<h:inputText id="descripcionMod" value="#{tipoVehiculo.descripcion}" label="Descripcion:"/>
		            		<p:message for="descripcionMod"/>
		            		 
		            		<h:outputLabel value="Dentro de Carretera *" for="dentroCarreteraMod"/>
		            		<h:selectOneRadio id="dentroCarreteraMod" value="#{tipoVehiculo.dentroCarretera}" required="true">
		            			<f:selectItem itemLabel="Si" itemValue="1"/>
		            			<f:selectItem itemLabel="No" itemValue="0"/>
		            		</h:selectOneRadio>
		            		<p:message for="dentroCarreteraMod"/>
	            	</h:panelGrid>
		            		
            		<h:panelGrid columns="3">
	            		<p:commandButton value="Modificar" onclick="ventanaModificar.hide();" actionListener="#{controladorMensajes.empleadoGuardado}" type="reset"  update="growl"/>
           				<p:commandButton value="Cancelar" onclick="ventanaModificar.hide();" actionListener="#{controladorMensajes.empleadoGuardado}" type="reset"  update="growl"/>
           				<p:commandButton value="Limpiar" type="reset"/>
            		</h:panelGrid>
	            </p:dialog>
	            
	            <p:dialog widgetVar="ventanaRegistro" header="Registrar Nuevo Tipo de Vehículo"
	            			showEffect="explode" hideEffect="explode" closable="false" modal="true">
	            	<h:panelGrid columns="3">
		            		<h:outputLabel value="Nombre: *" for="nombre"/>
		            		<h:inputText id="nombre" value="#{tipoVehiculo.nombre}" label="Nombre:" required="true"/>
		            		<p:message for="nombre"/>
		            		
		            		<h:outputLabel value="Descripción:" for="descripcion"/>
		            		<h:inputText id="descripcion" value="#{tipoVehiculo.descripcion}" label="Descripcion:"/>
		            		<p:message for="descripcion"/>
		            		 
		            		<h:outputLabel value="Dentro de Carretera *" for="dentroCarretera"/>
		            		<h:selectOneRadio id="dentroCarretera" value="#{tipoVehiculo.dentroCarretera}" required="true">
		            			<f:selectItem itemLabel="Si" itemValue="1"/>
		            			<f:selectItem itemLabel="No" itemValue="0"/>
		            		</h:selectOneRadio>
		            		<p:message for="dentroCarretera"/>
	            	</h:panelGrid>
		            		
	            		<h:panelGrid columns="3">
		            		<p:commandButton value="Registrar" actionListener="#{controladorMensajes.empleadoGuardado}" type="reset"  update="growl"/>
            				<p:commandButton value="Cancelar" onclick="ventanaRegistro.hide();" actionListener="#{controladorMensajes.empleadoGuardado}" type="reset"  update="growl"/>
	            			<p:commandButton value="Limpiar" type="reset"/>
	            		</h:panelGrid>
	            </p:dialog>
			</h:form>
		</div>
		
	</ui:define>
</ui:composition>